<template>
	<view>
		<view style="width: 100%;height: 25vh;background-color: #1973ff;padding-top: 10%;">
			<!-- 登录 -->
			<view style="display: flex;align-items: center; width:80%;height: 50%;margin-left: 10%;">
				<view><image class="tui-avatar"></image></view>
				<view style="margin-left: 20rpx;color: white;">请点击登录</view>
			</view>
			<view style="display: flex;text-align: center;align-items: center;color: white; margin-left: 10%; width:80%;height: 30%;">
				<view style="flex: 1;border-right: 1px solid gray;">总收益</view>
				<view style="flex: 1;">我的积分</view>
			</view>
		</view>
		<view style="position: absolute;top: 25%;left: 5%; width: 90%;height: 200rpx;background-color: white;border-radius: 20rpx 20rpx;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);">
			<view style="margin-left: 8%;margin-top: 8%;">
			<view style="display: inline-block;text-align: center;">
				<!-- <image src="@/static/my/1.png" mode=""></image> -->
				<view><img src="@/static/my/1.png" style="width: 50rpx;height: 50rpx;"></view>
				<view>我的客户</view>
			</view>
			<view style="display: inline-block;text-align: center;margin-left: 3%;">
				<!-- <image src="@/static/my/1.png" mode=""></image> -->
				<view><img src="@/static/my/2.png" style="width: 50rpx;height: 50rpx;"></view>
				<view>我的签约</view>
			</view>
			<view style="display: inline-block;text-align: center;margin-left: 3%;">
				<!-- <image src="@/static/my/1.png" mode=""></image> -->
				<view><img src="@/static/my/3.png" style="width: 50rpx;height: 50rpx;"></view>
				<view>竞标订单</view>
			</view>
			<view style="display: inline-block;text-align: center;margin-left: 3%;">
				<!-- <image src="@/static/my/1.png" mode=""></image> -->
				<view><img src="@/static/my/4.png" style="width: 50rpx;height: 50rpx;"></view>
				<view>我的订单</view>
			</view>
			</view>
		</view>
		<view>
		  <view style="margin-top: 150rpx;">
			<tui-list-cell arrow padding="26rpx 50rpx">
				<view class="tui-item-box d-flex align-items-center justify-between">
					我的钱包
				</view>
			</tui-list-cell>
			<tui-list-cell arrow padding="26rpx 50rpx">
				<view class="tui-item-box d-flex align-items-center justify-between">
					我的认证
				</view>
			</tui-list-cell>
			<tui-list-cell arrow padding="26rpx 50rpx">
				<view class="tui-item-box d-flex align-items-center justify-between">
					我的名片
				</view>
			</tui-list-cell>
			<tui-list-cell arrow padding="26rpx 50rpx">
				<view class="tui-item-box d-flex align-items-center justify-between">
					我的招聘
				</view>
			</tui-list-cell>
			<tui-list-cell arrow padding="26rpx 50rpx">
				<view class="tui-item-box d-flex align-items-center justify-between">
					个人设置
				</view>
			</tui-list-cell>
			<tui-list-cell arrow padding="26rpx 50rpx">
				<view class="tui-item-box d-flex align-items-center justify-between">
					我要吐槽
				</view>
			</tui-list-cell>
			<tui-list-cell arrow padding="26rpx 50rpx">
				<view class="tui-item-box d-flex align-items-center justify-between">
					帮助中心
				</view>
			</tui-list-cell>
		  </view>	
		</view>
	</view>
</template> 

<script>
import tuiListCell from "@/componenets/thorui/tui-list-cell/tui-list-cell.vue"
	export default {
		data() {
			return {
				
			};
		},
		components:{
				tuiListCell
			}
	}
</script>

<style lang="scss">
	.tui-avatar {
		width: 152rpx;
		height: 152rpx;
		border-radius: 100%;
		background-color: white;
	}
</style>
